<template>
	<view class="box">
		<view class="header">
			<view class="header_text">
				<view class="header_text_top">
					审核中
				</view>	
				<view class="header_text_top">
					已提现
				</view>	
				<view class="header_text_money">
					{{'￥' +(record.aapplying ? record.aapplying : 0)}}
				</view>
				<view class="header_text_money">
					{{'￥' +(record.assemble_cash ? record.assemble_cash : 0)}}
				</view>
			</view>
			
		</view>
		<view class="header_list" v-for="item in record.lists.list">
			<view class="header_list_left">
				<img class="header_list_img" :src="item.avatarUrl">
			</view>
			<view class="header_list_center">
				<view class="header_list_center_name">
				{{item.nickName +(item.phone)}}
				</view>
				<view class="header_list_center_time">
				{{item.createtime}}
				</view>
			</view>
			<view class="header_payment" v-if="item.msg != '已打款'">
				{{item.msg}}
			</view>
			<view :class="item.msg == '已打款' ? 'header_list_bottom' : 'header_list_bottoms'">
				<view class="header_list_bottom_money">
					{{'+' + item.price}}
				</view>				
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data(){
			return {
				record:{},
			}
		},
		onLoad(){
		this.getCashList();	
		},
		methods:{	
			getCashList(){
				this.$u.api.getCashList({
					userid_locked: uni.getStorageSync('userId'),
					pages:1,
				}).then(res => {
					console.log(res);
					this.record = res.data;
				}).catch(() => {});
			}
		}
	}
</script>

<style scoped>
	.box {
		width: 100%;
		/* height: 1624rpx; */
		background: #F5F5F5;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		padding-bottom: 20rpx;
	}
	.header {
		background: url(https://imageapi.cd1a.cn/uni/makeMoney/tixianbeijin.png) no-repeat;
		background-size: 100% 100%;
		margin: 28rpx 2% 0;
		width: 96%;
		height: 204rpx;
	}
	.header_text {
		padding-top: 46rpx;
	}
	.header_text_top {
		display: inline-block;
		width: 50%;
		font-size: 24rpx;
		font-weight: 800;
		color: #FFFFFF;
		text-align: center;
	}
	.header_text_money{
		display: inline-block;
		width: 50%;
		font-size: 50rpx;
		font-weight: 800;
		color: #FFFFFF;
		text-align: center;
	}
	.header_list {
		margin-top: 20rpx;
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
		margin: 28rpx 2% 0;
		width: 96%;
		height: 144rpx;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 14rpx;
	}
	.header_list_left {
		float: left;
		margin:32rpx 0 0 32rpx;
	}
	.header_list_img {
		width: 80rpx;
		height: 80rpx;
	}
	.header_list_center {
		float: left;
		margin:30rpx 0 0 22rpx;
		overflow: hidden;
		box-sizing: border-box;
		width: 350rpx
	}
	.header_list_center_name {
		width: 100%;
		font-size: 28rpx;
		font-weight: bold;
		color: #000000;
	}
	.header_list_center_time {
		margin: 6rpx 0;
		width: 100%;
		font-size: 24rpx;
		font-weight: 500;
		color: #666666;
	}
	.header_payment {
		position: absolute;
		top: -4rpx;
		right: 0;
		width: 108rpx;
		height: 38rpx;
		opacity: 1;
		border: 1rpx solid #FF6B00;
		font-size: 20rpx;
		font-weight: 500;
		color: #FF6B00;
		line-height: 32rpx;
		text-align: center;
		border-radius: 16rpx;
	}
	.header_list_bottom {
		float: left;
		width: 160rpx;
		height: 124rpx; 
		background: url(https://imageapi.cd1a.cn//uni/makeMoney/yidakuan.png) no-repeat;
		background-size: 100% 100%;
	}
	.header_list_bottoms {
		float: left;
		width: 160rpx;
	}
	.header_list_bottom_img {
		padding-top: 60rpx;
		float: right;
		width: 28rpx;
		height: 28rpx;
	}
	.header_list_bottom_money {	
		display: inline-block;
		padding: 15rpx 0;
		float: right;
		font-size: 48rpx;
		font-weight: 800;
		line-height: 124rpx;
		color: #FF6B00;
	}
	
</style>